<template>
    <div class="footer">
        <div
            style=""
            class="footer-left"
        >
            <div class="footer-left">
                <p>@2020 武汉地大坤迪科技有限公司版权所有</p>
                <p>鄂ICP备05008303号</p>
            </div>
        </div>
        <div style="display: inline-block; vertical-align: top;width: 500px;text-align: center">
            <el-input
                v-model="keyword"
                suffix-icon="el-icon-search"
            ></el-input>
        </div>

        <div
            class="footer-right"
            style="margin-top: 10px;"
        >
            <div class="tel"><label style="color:#d5bf6a; font-size:30px; margin-top:20px;">服务热线：159&nbsp;7204&nbsp;0506</label></div>
            <div class="info"><label>地址：武汉东湖新技术开发区中国地质大学科技园2栋3楼</label></div>
            <div class="info"><label>电话：027-87483995， 87562370</label></div>
            <div class="info"><label>网址：www.kdgis.com</label></div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            keyword: ""
        };
    }
};
</script>

<style>
.footer {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.footer .footer-left {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}
.footer .el-image {
    margin-top: 20px;
    margin-left: 22px;
}
.footer .footer-right {
    /* display: inline-block; */
    vertical-align: top;
    width: 362px;
    float: right;
}
.footer .footer-left p {
    font-size: 13px;
    font-family: "黑体";
    color: #cccccc;
    margin-top: 10px;
}

.footer .footer-right .info {
    margin-top: 10px;
}
.footer .footer-right .info label {
    font-size: 14px;
    font-family: "黑体";
    color: #cccccc;
}
.footer .el-input {
    line-height: 100px;
    width: 250px;
}
.footer .el-input__inner {
    background: #666666;
    color: white;
}
</style>